@import 'base';

$fsz:50;
$h2Color:#999;
$h1Color:#333;
@function rem($value){
    @return $value/$fsz*1rem;
}

@mixin center{margin:0 auto;width:rem(750);}

.list{
    @include center;position:relative;
    ul{padding:rem(40) rem(40) 0 rem(40);li{margin-bottom:rem(40);}}
    .sadow{
         background-color: rgb(255, 255, 255);
         box-shadow: 0px 8px 26px 0px rgba(212, 212, 212, 0.196);
         width: rem(670);
         position:relative;
         height: rem(230);
         z-index: 5;
        .boximg{float:left;margin:rem(10) 0 0 rem(20);img{width: rem(160);height: rem(160);}}
        .boxtitle{float:left;margin:rem(20) 0  0 rem(40);}
        .pPisi{position:absolute;left:rem(35);bottom:rem(20);font-size: rem(24);color:$h2Color;}
        
        h1,h2{font-weight:normal;}
        .h1{a{color:$h1Color; &:hover{color:pink;}}}
        .h2{margin: rem(14) 0 rem(45) 0;}
        .h4{margin-top: rem(27);}
        .h3{margin-left:rem(12);}
        .h2,.h3{color:$h2Color;line-height: 1;font-size:rem(24);}
        .h1,.h4{color:$h1Color;line-height: 1;font-size:rem(28);}
        
    }
}


  

